<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<jsp:include page="/WEB-INF/inset/header.jsp">
	<jsp:param name="title" value="登录画面" />
</jsp:include>
<jsp:include page="/WEB-INF/inset/validate.jsp" />
<script type="text/javascript">
	$(function() {
		$("form").validate({
			sendForm : true
		});
	});
</script>
</head>
<body class="login-body">
	<div class="login-header">
		<h2>
			<img src="${webpath}/static/imgs/B_0014.gif"> <span>欢 迎
				登 录</span>
		</h2>
	</div>
	<div class="login-wrap">
		<div class="metro size-1 red">
			<div class="icon">
				<i class="fa fa-lock"></i> <span>锁的</span>
			</div>
		</div>
		<form action="index.jsp" method="get">
			<div class="metro size-2 green">
				<div class="form-group col-sm-10 col-sm-offset-1">
					<input class="form-control" type="text" placeholder="Username"
						value="admin" data-required>
				</div>
			</div>
			<div class="metro size-2 yellow">
				<div class="form-group col-sm-10 col-sm-offset-1">
					<input class="form-control" type="password" placeholder="Password"
						value="admin" data-required>
				</div>
			</div>
			<div class="metro size-1 terques">
				<div class="icon">
					<button id="login" type="submit" class="btn btn-default">
						<i class="fa fa-key"></i><span>登录</span>
					</button>
				</div>

			</div>
		</form>
		<div class="metro size-2 navy-blue">
			<a href="https://www.facebook.com" target="_blank"
				class="social-link"> <i class="fa fa-facebook-square"></i> <span>Facebook登录</span>
			</a>
		</div>
		<div class="metro size-1 deep-red">
			<a href="https://www.google.com" target="_blank" class="social-link">
				<i class="fa fa-google-plus-square"></i> <span>Google登录</span>
			</a>
		</div>
		<div class="metro size-2 blue">
			<a href="https://twitter.com" target="_blank" class="social-link">
				<i class="fa fa-twitter-square"></i> <span>Twitter登录</span>
			</a>
		</div>
		<div class="metro size-1 purple">
			<a href="https://www.skype.com" target="_blank" class="social-link">
				<i class="fa fa-skype"></i> <span>Skype登录</span>
			</a>
		</div>
		<div class="login-footer">
			<a href="javascript:void(0);" class="pull-right">忘记密码?</a>
		</div>
	</div>
</body>
</html>